<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/style.css"/>

    <!--Luara样式文件-->
    <!--渐隐样式-->
    <link rel="stylesheet" href="css/luara.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.one {
	font-size: 45px;
	color: #000;
	font-family: "黑体";
	font-weight: bold;
}
body {
	background-image: url(images/beijing2.jpg);
	background-repeat: repeat;
	color: #000;
}
-->
</style>
</head>

<body>
<script src="js/jquery-1.8.3.min.js"></script>
    <!--Luara js文件-->
<script src="js/jquery.luara.0.0.1.min.js"></script>

<p>&nbsp;</p>
<p>&nbsp;</p>
<table width="1013" border="0" align="left">
  <tr>
    <td colspan="6" align="left" class="one"> 奇异料理
    <hr align="left" width="750" size="5" color="#000000"/></td>
  </tr>
  <tr>
    <td width="185" rowspan="2" align="center" valign="middle" bgcolor="#110000"><a href="geshiqiyipaomian.html" class="two">泡面多吃</a></td>
    <td width="185" rowspan="2" align="center" valign="middle" bgcolor="#110000" class="two"><a href="shecaoshui.html" class="two">诡异的饮料</a></td>
    <td width="185" rowspan="2" align="center" valign="middle" bgcolor="#110000" class="two"><a href="teseshitangliaoli.html" class="two">特色食堂料理</a></td>
    <td width="185" rowspan="2" align="center" valign="middle" bgcolor="#110000" class="two"><a href="Menu.html" class="two">“网红”美食</a></td>
    <td height="25">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td width="36">&nbsp;</td>
    <td width="211">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="4" rowspan="8" valign="top">
      <!--Luara图片切换骨架begin-->
      <div class="example">
        <ul>
          <li><img src="images/paomian.jpg" alt="1" width="750" height="501" align="top"/></li>
          <li><img src="images/9.jpg" alt="2" width="750" height="501"/></li>
          <li><img src="images/11.jpg" alt="3" width="750" height="501"/></li>
          <li><img src="images/12.jpg" alt="4" width="750" height="501"/></li>
        </ul>
        <ol>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ol>
      </div>
      <!--Luara图片切换骨架end-->
    <script>
    $(function(){
        <!--调用Luara示例-->
        $(".example").luara({width:"750",height:"501",interval:4000,selected:"seleted"});

    });
    </script>&nbsp;</td>
    <td align="center">&nbsp;</td>
    <td height="125" align="center"><p>Tip1：</p>
      <p>红烧牛肉面？老坛酸菜面？<br />
    康师傅限制了你的想象力  </p></td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td height="125" align="center"><p>Tip2：</p>
    <p>一杯你开胃，二杯你肾不亏，三杯五杯下了肚，保证你小脸儿，白里透着黑。</p></td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td height="125" align="center"><p>Tip3：</p>
    <p>中国第九大菜系，不解释，快上车。</p></td>
  </tr>
  <tr>
    <td align="center">&nbsp;</td>
    <td height="125" align="center"><p>Tip4：</p>
    <p>[友情提示]:慎点</p></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="350">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="350">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="350">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td height="350">&nbsp;</td>
  </tr>
</table>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</body>
</html>
